<template>
    <div class="setting">
        <van-nav-bar title="账户设置" left-arrow @click-left="goBack"></van-nav-bar>
        <div class="conent">
            <router-link class="pay-type" tag="div" :to="{name: 'bankPay'}">
                <img src="../../../assets/images/pay-bank.png" alt="">
                <span>银行卡</span>
            </router-link>
            <router-link class="pay-type" tag="div" :to="{name: 'aliPay'}">
                <img src="../../../assets/images/pay-alipay.png" alt="">
                <span>支付宝</span>
            </router-link>
            <router-link class="pay-type" tag="div" :to="{name: 'wechatPay'}">
                <img src="../../../assets/images/pay-wechat.png" alt="">
                <span>微信</span>
            </router-link>
        </div>
    </div>
</template>
<script>
import Vue from "vue"
import axios from "axios"
import {
    NavBar,
} from "vant"
export default {
    components: {
        [NavBar.name]: NavBar,
    },
    data() {
        return {

        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
.setting {
    background: #fff;
    .conent {
        padding: 10px 15px;
        .pay-type {
            position: relative;
            width: 100%;
            height: 2.6rem;
            img {
                display: inline-block;
                width: 100%;
                height: 2.6rem;
            }
            span {
                position: absolute;
                top: .86rem;
                left: 2.43rem;
                font-size: 18px;
                color: #572e18;
            }
        }
    }
}
</style>
